<div class="page-bar">
	<ul class="page-breadcrumb" style="border-bottom:0px;">
		<li><span>用户子系统</span><i class="fa fa-angle-right"></i></li>
		<li><span>账号绑定</span></li>
	</ul>
</div>
<div class="content" id="user_info_content" style="padding:10px 20px 20px;">
	<div class="row">
		<div class="col-md-12 col-sm-10 col-xs-12">
            <div class="row">
                <div class="col-md-12">
                	<div class="tab-content">
                		<form class="form-horizontal page_form" style="padding-top:20px;padding-bottom:20px;" novalidate="novalidate">
                			<input type="password" class="hidden">
		                	<div class="row form_split_title">
								<h4 class="col-sm-12"><font color="#36c6d3">▎</font> <b>账号绑定 </b> <small> 已完成 ( <span id="has_bind">0</span>/4 ) </small></h4>
							</div>
							<div class="row">
								<div class="form-group col-sm-12">
									<div class="col-sm-2 col-md-2">
										<p>
											<div style="width:100%;height:100%;text-align:center;"><i class="icon-shouji social-icon" id="mobile_icon"></i></div>
										</p>
									</div>
									<div class="col-sm-8 col-md-8">
										<p>
											<span class="font1">手机</span> 
				                            <span class="font3" id="bind_mobile"></span>
				                            <span class="font4"><font color="#32c5d2" id="mobile_bindstatus">未绑定</font> </span>
				                        </p>
				                        <p>
				                        	可通过手机 <a href="/user/to_forget_pwd">找回密码</a>。
				                        </p>
									</div>
									<div class="col-sm-2 col-md-2">
										<p id="mobile_binding">
											<button type="button" class="btn btn-success btn-sm" onclick="binding_mobile()">绑定</button>
										</p>
									</div>
								</div>
							</div>
							<hr class="col-md-12" />
							<div class="row">
								<div class="form-group col-sm-12">
									<div class="col-sm-2 col-md-2">
										<p>
											<div style="width:100%;height:100%;text-align:center;"><i class="icon-youxiang social-icon" id="email_icon"></i></div>
										</p>
									</div>
									<div class="col-sm-8 col-md-8">
										<p>
											<span class="font1">邮箱</span> 
											<span class="font3 hidden" id="hidden_email"></span>
				                            <span class="font3" id="bind_email"></span>
				                            <span class="font4"><font color="#32c5d2" id="email_bindstatus">未绑定</font> </span>
				                            <span class="font4"><font color="#32c5d2" id="email_activestatus">未激活</font> </span>
				                        </p>
				                        <p>
				                        	可通过邮箱 <a href="/user/to_forget_pwd">找回密码</a>。
				                        </p>
									</div>
									<div class="col-sm-2 col-md-2">
										<p id="email_binding">
											<button type="button" class="btn btn-success btn-sm" onclick="binding_email()">绑定</button>
										</p>
									</div>
								</div>
							</div>
							<hr class="col-md-12" />
							<div class="row">
								<div class="form-group col-sm-12">
									<div class="col-sm-2 col-md-2">
										<p>
											<div style="width:100%;height:100%;text-align:center;"><i class="icon-qq social-icon"  id="qq_icon"></i></div>
										</p>
									</div>
									<div class="col-sm-8 col-md-8">
										<div class="center">
					                        <p>
					                        	<span class="font1">QQ</span> <font color="#32c5d2" id="qq_status"> 未绑定 </font><span class="font4" id="jsPhone"></span>
											</p>
					                        <p class="font2">可通过QQ登录payboy，还可以将内容同步到以下平台，与更多好友分享。</p>
					                    </div>
									</div>
									<div class="col-sm-2 col-md-2">
										<p id="qq_binding">
											<button type="button" class="btn btn-success btn-sm" onclick="binding_qq()">绑定</button>
										</p>
									</div>
								</div>
							</div>
							<hr class="col-md-12" />
							<div class="row">
								<div class="form-group col-sm-12">
									<div class="col-sm-2 col-md-2">
										<p>
											<div style="width:100%;height:100%;text-align:center;"><i class="icon-weixin social-icon" id="weixin_icon"></i></div>
										</p>
									</div>
									<div class="col-sm-8 col-md-8">
										<div class="center">
					                        <p> <span class="font1">微信</span> <span class="font4" id="jsPhone"> <font color="#32c5d2" id="weixin_status">已绑定</font>  </span></p>
					                        <p class="font2">可通过微信登录payboy，还可以将内容同步到以下平台，与更多好友分享。</p>
					                    </div>
									</div>
									<div class="col-sm-2 col-md-2">
										<p id="weixin_binding">
											<button type="button" class="btn btn-success btn-sm" onclick="binding_weixin()">绑定</button>
										</p>
									</div>
								</div>
							</div>
                		</form>
                	</div>
                </div>
            </div>
		</div>
	</div>
</div>
<div class="clearfix"></div>

<script type="text/javascript">
	require(["./static/pages/scripts/user/account/account_binding"], function(account_binding){
		account_binding.initPage();
	});
</script>